<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="web/templates/ui.xhtml">

	<ui:define name="title">
		<h:outputText value="Mantenimiento de Censo" />
	</ui:define>
	<ui:define name="sidebar">
		<div class="widget">
			<div class="title">
				<div class="inner">
					<h3>
						<h:outputText value="Menú" />
					</h3>
				</div>
			</div>
			<!-- MENU PERFIL ADMINISTADOR -->
			<ui:include src="menu.xhtml" />
		</div>
	</ui:define>
	<ui:define name="content">
		<div class="page-header">
			<h3>
				<h:outputText value="Seguridad" />
			</h3>
		</div>
		<div class="subTitle">
			<ol class="breadcrumb">
				<li><a href="index.jsf"><span class="glyphicon glyphicon-home"></span></a></li>
				<li class="active">Cambiar Contraseña</li>
			</ol>
		</div>
		
			<div class="gridContent">
			<div class="inner">
				<h:form id="frmClave">
				
				<p:panel id="password">
					<p:messages id="messages" autoUpdate="true" />
					<p:fieldset>
						
						<div class="form-group">
							<div class="inner">
								<p:outputLabel for="contraseña1" value="Contraseña actual">
								</p:outputLabel>
								<p:password id="contraseña1" styleClass="form-control text-transform-none" value="#{claveService.contraseñaActual}"  required="true"  requiredMessage="Contraseña Actual Campo Obligatorio."
									placeholder="Contraseña actual"  label="Contraseña Actual" validatorMessage="La Contraseña debe tener de 6 a 20 caracteres.">
									<f:validateLength minimum="6" maximum="20"  />
								</p:password>
							</div>
						</div>
						<div class="form-group">
							<div class="inner">
								<p:outputLabel for="contraseña2"  value="Contraseña Nueva">
								</p:outputLabel>
								<p:password id="contraseña2" styleClass="form-control text-transform-none" value="#{claveService.contraseña1}"  required="true"  requiredMessage="Contraseña Nueva: Campo Obligatorio."
									placeholder="Contraseña nueva"  label="Contraseña Nueva" validatorMessage="La Contraseña debe tener de 6 a 20 caracteres.">
									<f:validateLength minimum="6" maximum="20"  />
								</p:password>
							</div>
						</div>
						<div class="form-group">
							<div class="inner">
								<p:outputLabel for="contraseña3"  value="Repetir Contraseña Nueva">
								</p:outputLabel>
								<p:password id="contraseña3" styleClass="form-control text-transform-none"  required="true"  value="#{claveService.contraseña2}"
									placeholder="Repetir contraseña nueva" label="Repetir Contraseña Nueva" requiredMessage="Repetir Contraseña Nueva: Campo Obligatorio."></p:password>
							</div>
						</div>
					
						<hr></hr>
						
							<div class="btnAction row no-gutter">
								<div class="text-right">
									<p:commandLink immediate="true" styleClass="btn btn-view" style="padding: 10px;"
									value="Cancelar" action="index.jsf">
									<p:confirm header="Confirmación" message="¿Está seguro de cancelar el cambio de contraseña?" icon="ui-icon-alert" />
									</p:commandLink>
									&nbsp;&nbsp;
									<p:commandButton update="password" value="Actualizar" actionListener="#{claveService.actualizaClave()}" styleClass="btn btn-success" icon="ui-menuitem-icon ui-icon fa fa-refresh" iconPos="right" >
									<p:confirm header="Confirmación" message="¿Está seguro de actualizar la contraseña?" icon="ui-icon-alert" />
									</p:commandButton>
								</div>
							</div>
						
						<br></br>
					</p:fieldset>
				</p:panel>

				</h:form>
			</div>
</div>
<p:confirmDialog global="true" showEffect="fade" hideEffect="fade" closeOnEscape="true" rendered="true">
			<p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
			<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
		</p:confirmDialog>
	</ui:define>
	<ui:define name="script">

	</ui:define>
</ui:composition>